﻿/* UI Element Style Definitions e.g. Buttons, Message Panels, Grids and so on */
/****************************************************************************************************************/

/* Buttons */
.btn { 
	background: #fff;
	border: solid 1px #b7b7b7;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	color: #2591ec;
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px 0 0;
	outline: none;
	cursor: pointer;
	text-align: center;
	font-size: 1em;
	padding: 2px 10px;
	font-weight: bold;
}

.btn:hover {
	text-decoration: none;
	background: #efefef;
	color: #369;
	font-weight: bold;
}

.btn.negative { 
  color: #e70232;  
}
  
.btn.negative:hover { 
  color: #d0032f;
}
  
.btn.positive { 
  color: #5b9e02;
}
  
.btn.positive:hover {
  color: #4E7D0E;
}
  
.btn.disabled, .disabled.btn:hover { 
  color: #999 !important; 
  cursor: default;  
}

.btn.small { 
	padding: 0 5px;
	line-height: 20px;
}

.btn.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
}

.btn.orange:hover {
	background: #f47c20;
}

.btn.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
}

.btn.red:hover {
	background: #b61318;
}

.btn.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
}

.btn.blue:hover {
	background: #007ead;
}

.btn.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
}

.btn.green:hover {
	background: #538018;
}
/****************************************************************************************************************/

.txt-xs  { font-size: .8333em; } 
.txt-s   { font-size: .9167em; }
.txt-m   { font-size: 1em; }
.txt-l   { font-size: 1.0833em; }
.txt-xl { font-size: 1.1667em; }
.txt-2xl { font-size: 1.25em; }
.txt-3xl { font-size: 1.33em; }
.txt-4xl { font-size: 1.5em; }

.show { display:block; }
.hide { display:none; }